<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="${f:url('/css/global.css')}"/>
<script type="text/javascript" src="${f:url('/js/jquery-1.4.2.min.js')}"></script>
<script type="text/javascript">
	<!--
	function changeMark(keyId, valueId) {
		var key = null;
		key = $(keyId);
		if(key.val() == "0") {
			var o = null;
			o = $(valueId);
			o.empty();
			o.html("★");
			$("#mark").val("1");
		} else {
			var o = null;
			o = $(valueId);
			o.empty();
			o.html("☆");
			$("#mark").val("0");
		}
	}
	// -->
</script>
</head>
<body>

<html:errors/>

<input type=text name=txtSample size=30>

<input type="button" value="test" onclick="func()">
<s:form>

<table class="tablebg">
	<tr>
		<td> ポケモン </td>
		<td>
			<html:select property="illustratedId">
		      <c:forEach var="e" items="${pokemonMs}">
		        <html:option value="${e.illustratedId}">${e.name}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> ニックネーム </td>
		<td>
			<html:text property="nickname" />
		</td>
	</tr>
	<tr>
		<td> マーク </td>
		<td>
			<html:text styleId="mark" property="mark" value="0" />
			<html:link styleId="mark1" href="javascript:void(0)" onclick="changeMark('#mark', '#mark1')">☆</html:link>
		</td>
	</tr>
	<tr>
		<td> 性格 </td>
		<td>
			<html:select property="natureId">
		      <c:forEach var="e" items="${natureMs}">
		        <html:option value="${e.natureId}">${e.natureName}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> 性別 </td>
		<td>
			<html:text property="gender" />
		</td>
	</tr>
	<tr>
		<td> とくせい </td>
		<td>
			<html:select property="characteristicsId">
		      <c:forEach var="e" items="${characteristicsMs}">
		        <html:option value="${e.characteristicsId}">${e.characteristicsName}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> 出会った日 </td>
		<td>
			<html:text property="encouterDate" />
		</td>
	</tr>
	<tr>
		<td> 出会った場所 </td>
		<td>
			<html:select property="placeId">
		      <c:forEach var="e" items="${placeMs}">
		        <html:option value="${e.placeId}">${e.placeName}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> 個性 </td>
		<td>
			<html:select property="personalityId">
		      <c:forEach var="e" items="${personalityMs}">
		        <html:option value="${e.personalityId}">${e.personalityName}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> 総合個体値評価 </td>
		<td>
			<html:select property="generalAverageId">
		      <c:forEach var="e" items="${generalAverageMs}">
		        <html:option value="${e.generalAverageId}">${e.generalAverageName}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> 個体値_HP </td>
		<td>
			<html:text property="individualH" /><s:link href="javascript:void(0)" onclick="func()">V</s:link>
		</td>
	</tr>
	<tr>
		<td> 個体値_こうげき </td>
		<td>
			<html:text property="individualA" />
		</td>
	</tr>
	<tr>
		<td> 個体値_ぼうぎょ </td>
		<td>
			<html:text property="individualB" />
		</td>
	</tr>
	<tr>
		<td> 個体値_とくこう </td>
		<td>
			<html:text property="individualC" />
		</td>
	</tr>
	<tr>
		<td> 個体値_とくぼう </td>
		<td>
			<html:text property="individualD" />
		</td>
	</tr>
	<tr>
		<td> 個体値_すばやさ </td>
		<td>
			<html:text property="individualS" />
		</td>
	</tr>
	<tr>
		<td> 技1 </td>
		<td>
			<html:select property="trickId1">
		      <c:forEach var="e" items="${trickMs}">
		        <html:option value="${e.trickId}">${e.trickName}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> 技2 </td>
		<td>
			<html:select property="trickId2">
		      <c:forEach var="e" items="${trickMs}">
		        <html:option value="${e.trickId}">${e.trickName}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> 技3 </td>
		<td>
			<html:select property="trickId3">
		      <c:forEach var="e" items="${trickMs}">
		        <html:option value="${e.trickId}">${e.trickName}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> 技4 </td>
		<td>
			<html:select property="trickId4">
		      <c:forEach var="e" items="${trickMs}">
		        <html:option value="${e.trickId}">${e.trickName}</html:option>
		      </c:forEach>
		    </html:select>
		</td>
	</tr>
	<tr>
		<td> コメント </td>
		<td>
			<html:text property="comment" />
		</td>
	</tr>

</table>

<input type="submit" name="insert" value="CREATE" />
</s:form>
<br/><br/>

<s:link href="/strage/">list page</s:link>

</body>
</html>